<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		<title>TARQAT-UIME TEST</title>
        <link href="dist/css/bootstrap.min.css" rel="stylesheet">
		<style type="text/css">
            @font-face { font-family: "Alp Ekran";font-weight:normal;src: url('AlpEkran.eot'); /* IE */
                src: local("Alp Ekran"),local("Alpida Unicode System"), local("Alp Ekran"),url("AlpEkran.ttf") format("TrueType"); }/* non-IE */
            @font-face {font-family: 'Alp Ekran'; src: url('AlpEkran.eot?') format('embedded-opentype'), url('AlpEkran.ttf') format('truetype') }
            @font-face{font-family:"Alp Ekran";font-weight:normal;src:url('AlpEkran.eot');  src:local("Alp Ekran"),url("AlpEkran.ttf") format("TrueType");}
			body{
				margin: 0;
				padding: 0;
				background: #F9F9F9;
	            font-family:Alp Ekran, Exo,'-apple-system','Open Sans',HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue','Hiragino Sans GB','Microsoft YaHei',Helvetica,Arial,sans-serif;
                direction: rtl;
            }
            </style>
        <script type="text/javascript" src="Qarluq.UIME.js"></script>
	</head>
	<body>
    <div class="container">
        <br/><br/>
        <p class="text-center" style="font-size: 26px">ئىنكاس رايونى</p>
        <br/><br/>
        <form role="form">
            <div class="form-group">
                <label for="exampleInputEmail1">نامىڭىز</label>
                <input type="name" class="form-control" id="exampleInputEmail1" placeholder="نامىڭىزنى كىرگۈزۈڭ">
            </div>
            <div class="form-group">
                <label for="exampleInputEmail2">ئىلخەت ئادىرسىڭىز</label>
                <input type="email" class="form-control" id="exampleInputEmail2" placeholder="ئىلخەت ئادىرىسىڭىزنى كىرگۈزۈڭ">
            </div>
            <div class="form-group">
                <label for="exampleInputPassword3">تور بىكىتىڭىز</label>
                <input type="net" class="form-control" id="exampleInputPassword3" placeholder="تور بىكىتىڭىزنىڭ ئادرىسىنى كىرگۈزۈڭ">
            </div>
            <div class="form-group">
                <label for="exampleInputPassword4">ئىنكاسىڭىز</label>
                <textarea class="form-control" id="exampleInputPassword4" rows="5" placeholder="سىلە تۇلا ئىنكاس يازغان قىياپەتكە كىرۋاماڭلاا....."></textarea>
            </div>
            <br/>
            <p class="text-center"><button type="submit" class="btn btn-success">تامام</button></p>
        </form>

        <hr/>
        <br/>
        <p class="text-right" style="font-size: 24px">كۆرسەتمە</p>
        <br/>
        <h4>بىر كۇنۇپكا بىلەن تىل ئالماشتۇرۇش</h4>
        <p class="text-right" ><span>MAC OS سىستىمىسىدا</span>&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-default btn-xs">Control</button></p>
        <p class="text-right" ><span>Windows سىستىمىسىدا</span>&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-default btn-xs">Ctrl</button></p>

        <br/>
        <h4>ئوڭ تەرەپكە توغۇرلاش</h4>
        <p class="text-right" ><span>MAC OS سىستىمىسىدا</span>&nbsp;&nbsp;&nbsp;
            <button type="button" class="btn btn-default btn-xs">[</button>&nbsp;+
            <button type="button" class="btn btn-default btn-xs">Command</button>&nbsp;+
            <button type="button" class="btn btn-default btn-xs">Control</button>
        </p>
        <p class="text-right" ><span>Windows سىستىمىسىدا</span>&nbsp;&nbsp;&nbsp;
            <button type="button" class="btn btn-default btn-xs">[</button>&nbsp;+
            <button type="button" class="btn btn-default btn-xs">Alt</button>&nbsp;+
            <button type="button" class="btn btn-default btn-xs">Ctrl</button>
        </p>

        <br/>
        <h4>سول تەرەپكە توغۇرلاش</h4>
        <p class="text-right" ><span>MAC OS سىستىمىسىدا</span>&nbsp;&nbsp;&nbsp;
            <button type="button" class="btn btn-default btn-xs">]</button>&nbsp;+
            <button type="button" class="btn btn-default btn-xs">Command</button>&nbsp;+
            <button type="button" class="btn btn-default btn-xs">Control</button>
        </p>
        <p class="text-right" ><span>Windows سىستىمىسىدا</span>&nbsp;&nbsp;&nbsp;
            <button type="button" class="btn btn-default btn-xs">]</button>&nbsp;+
            <button type="button" class="btn btn-default btn-xs">Alt</button>&nbsp;+
            <button type="button" class="btn btn-default btn-xs">Ctrl</button>
        </p>

        <br/><br/><br/><br/><br/>
        <p class="text-center"><a href="http://www.tarqat.com" target="_blank">تارقات بىلوگى</a></p>
    </div>
	</body>
</html>
